<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script type="module">
    import {LitElement, html} from "../node_modules/lit";
    class A {
        static get properties() {
            return {
                /**
                 * Copy for the read the docs hint.
                 */
                docsHint: { type: String },

                /**
                 * The number of times the button has been clicked.
                 */
                count: { type: Number },
            }
        }
        func1(){
            console.log(this);
            this.func2()
        }
        func2(){
            console.log("func2")
        }
    }
    class B extends A {

    }
    const b = new B();

    class C extends LitElement{
        constructor() {
            super()
        }
        render() {
            return html`<div>haha</div>`
        }
    }
    window.customElements.define('my-c', C)
    console.log(new C());

</script>
</html>
